<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/static/index/css/GL.css">
    <script src="/static/index/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.min.js"></script>

</head>

<body>
<div class="top_find">
    <div class="top_find_son">
        <img src="/static/index/img/top_find_logo.png" alt="">
        <div class="input_find">
            <input type="text" placeholder="卸妆水"/>
<!--            <span style="background: url(../static/index/img/img_12.png) 0 -1px;"></span>-->
            <a href="#"><img src="/static/index/img/img_09.png"/></a>
        </div>
    </div>
</div>
<ul class="left_floor">
    <li class="left_floor_xiang">享品质</li>
    <li class="left_floor_fu">服饰美妆</li>
    <li class="left_floor_jia">家电手机</li>
    <li class="left_floor_dian">电脑数码</li>
    <li class="left_floor_3C">3C运动</li>
    <li class="left_floor_ai">爱吃</li>
    <li class="left_floor_mu">母婴家居</li>
    <li class="left_floor_tu">图书汽车</li>
    <li class="left_floor_you">游戏金融</li>
    <li class="left_floor_lv">旅行健康</li>
    <li class="left_floor_hai">还没逛够</li>
    <li class="left_floor_ding">顶部</li>
</ul>
<header>
    <div class="head">
        <a href="#"><img src="/static/index/img/img_01.png"/></a>
        <p>X</p>
    </div>
    <!--头部-->
    <div class="header_head">
        <div class="header_head_box">
            <a href="#" class="img"><img src="/static/index/img/logo.jpg"/></a>
            <b class="header_head_p">
                <a href="#">
                    <img src="/static/index/img/img_05.png" style="border-radius: 50%;"/>
                    <!--<span class="glyphicon glyphicon-map-marker"></span>-->
                    广州</a>
                <div class="header_head_p_cs">
                    <a href="#" style="background: #C81623;color: #fff;">北京</a>
                    <a href="#">上海</a>
                    <a href="#">天津</a>
                    <a href="#">重庆</a>
                    <a href="#">河北</a>
                    <a href="#">山西</a>
                    <a href="#">河南</a>
                    <a href="#">辽宁</a>
                    <a href="#">吉林</a>
                    <a href="#">黑龙江</a>
                    <a href="#">内蒙古</a>
                    <a href="#">江苏</a>
                    <a href="#">山东</a>
                    <a href="#">安徽</a>
                    <a href="#">浙江</a>
                    <a href="#">福建</a>
                    <a href="#">湖北</a>
                    <a href="#">湖南</a>
                    <a href="#">广东</a>
                    <a href="#">广西</a>
                    <a href="#">江西</a>
                    <a href="#">四川</a>
                    <a href="#">海南</a>
                    <a href="#">贵州</a>
                    <a href="#">云南</a>
                    <a href="#">西藏</a>
                    <a href="#">陕西</a>
                    <a href="#">甘肃</a>
                    <a href="#">青海</a>
                    <a href="#">宁夏</a>
                    <a href="#">新疆</a>
                    <a href="#">港澳</a>
                    <a href="#">台湾</a>
                    <a href="#">钓鱼岛</a>
                    <a href="#">海外</a>
                </div>
            </b>
            <ul>
                <li>
                    <a th:if="${session.loginUser == null}" href="http://auth.xxsc.com/login.html">你好，请登录</a>
                    <a th:if="${session.loginUser != null}">[[${session.loginUser.nickname}]]</a>
                </li>
                <li>
                    <a href="http://auth.xxsc.com/reg.html" class="li_2">免费注册</a>
                </li>
                <span>|</span>
                <li>
                    <a href="http://member.xxsc.com/memberOrder.html">我的订单</a>
                </li>


            </ul>
        </div>
    </div>
    <!--搜索导航-->
    <div class="header_sous">
        <div class="header_form">
            <input id="searchText" type="text" placeholder=""/>
<!--            <span style="background: url(../static/index/img/img_12.png) 0 -1px;"></span>-->
            <!--<button><i class="glyphicon"></i></button>-->
            <a href="javascript:search();" style="text-align: center;color: white">搜索</a>
        </div>
        <div class="header_ico">
            <div class="header_gw">
                <img src="/static/index/img/img_15.png"/>
                <span><a href="http://cart.xxsc.com/cart.html">我的购物车</a></span>
                <span>0</span>
            </div>
            <div class="header_ko">
                <p>购物车中还没有商品，赶紧选购吧！</p>
            </div>
        </div>
    </div>
    <!--轮播主体内容-->
    <div class="header_main">
        <div class="header_banner">
            <div class="header_main_left">
                <ul>
                    <li th:each="category : ${categorys}">
                        <a href="#" class="header_main_left_a" th:attr="ctg-data=${category.catId}">
                            <b th:text="${category.name}"></b>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="header_main_center">
                <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#"><img src="/static/index/img/lunbo.png"/></a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#"><img src="/static/index/img/lunbo3.png"/></a>
                        </div>

                        <div class="swiper-slide">
                            <a href="#"><img src="/static/index/img/lunbo6.png"/></a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#"><img src="/static/index/img/lunbo7.png"/></a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>
                </div>
                <div class="header_main_center_b">
                    <a href="#"><img src="/static/index/img/5a13bf0bNe1606e58.jpg"/></a>
                    <a href="#"><img src="/static/index/img/5a154759N5385d5d6.jpg"/></a>
                </div>
            </div>
<!--            <div class="header_main_right">-->
<!--                <div class="header_main_right_user">-->
<!--                    <div class="user_info">-->
<!--                        <div class="user_info_tou">-->
<!--                            <a href="#"><img class="" src="/static/index/img/touxiang.png"></a>-->
<!--                        </div>-->
<!--                        <div class="user_info_show">-->
<!--                            <p class="">Hi, 欢迎来到!</p>-->
<!--                            <p>-->
<!--                                <a href="#" class="">登录</a>-->
<!--                                <a href="#" class="">注册</a>-->
<!--                            </p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="user_info_hide">-->
<!--                        <a href="#">新人福利</a>-->
<!--                        <a href="#">PLUS会员</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="header_main_right_new">-->
<!--                    <div class="header_new">-->
<!--                        <div class="header_new_t">-->
<!--                            <p class="active">-->
<!--                                <a href="#">促销</a>-->
<!--                            </p>-->
<!--                            <p>-->
<!--                                <a href="#">公告</a>-->
<!--                            </p>-->
<!--                            <a href="#">更多</a>-->
<!--                        </div>-->
<!--                        <div class="header_new_connter">-->
<!--                            <div class="header_new_connter_1">-->
<!--                                <ul>-->
<!--                                    <li>-->
<!--                                        <a href="#">全民纸巾大作战</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">家具建材满999减300元</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">黑科技冰箱，下单立减千元</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">抢102减101神券！</a>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="header_new_connter_1" style="display: none;">-->
<!--                                <ul>-->
<!--                                    <li>-->
<!--                                        <a href="#">关于召回普利司通（天津）轮胎有限公司2个规格乘用车轮胎的公告</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">物流推出配送员统一外呼电话"95056”</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">天府大件运营中心开仓公告</a>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <a href="#">大件物流“送装一体”服务全面升级！</a>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="header_main_right_ser">-->
<!--                    <div class="ser_box">-->
<!--                        <ul>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/huafei.png"/>-->
<!--                                    <span>话费</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/jipiao.png"/>-->
<!--                                    <span>机票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/jiudian.png"/>-->
<!--                                    <span>酒店</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/youxi.png"/>-->
<!--                                    <span>游戏</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/qiyegou.png"/>-->
<!--                                    <span>企业购</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/jiayouka.png"/>-->
<!--                                    <span>加油卡</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/dianyingpiao.png"/>-->
<!--                                    <span>电影票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/huochepiao.png" style="height:20px;"/>-->
<!--                                    <span>火车票</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/zhongchou.png"/>-->
<!--                                    <span>众筹</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/licai.png" style="height:22px;"/>-->
<!--                                    <span>理财</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/lipinka.png" style="height:14px;"/>-->
<!--                                    <span>礼品卡</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li class="ser_box_item1">-->
<!--                                <a href="#">-->
<!--                                    <img src="/static/index/img/baitiao.png" style="height:20px;"/>-->
<!--                                    <span>白条</span>-->
<!--                                </a>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                        <div class="ser_box_aaa">-->
<!--                            <div class="ser_box_aaa_one">-->
<!--                                <div class="ser_box_aaa_nav">-->
<!--                                    <ol>-->
<!--                                        <li class="active">-->
<!--                                            <a href="#">话费</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">机票</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">酒店</a>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <a href="#">游戏</a>-->
<!--                                        </li>-->
<!--                                    </ol>-->
<!--                                    <div class="ser_ol">-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">话费充值</a>-->
<!--                                                <a>流量充值</a>-->
<!--                                                <a>套餐变更</a>-->
<!--                                                <div class="ser_ol_div">-->
<!--                                                    <p>号码<input type="text"/></p>-->
<!--                                                    <p style="margin: 10px 0;">面值-->
<!--                                                        <select name="">-->
<!--                                                            <option value="">100元</option>-->
<!--                                                            <option value="">20元</option>-->
<!--                                                            <option value="">50元</option>-->
<!--                                                            <option value="">10元</option>-->
<!--                                                            <option value="">2元</option>-->
<!--                                                        </select>-->
<!--                                                        <span>￥98.0-￥100.0</span></p>-->
<!--                                                </div>-->
<!--                                                <button>快速充值</button>-->
<!--                                                <p class="p">抢99减50元话费</p>-->
<!--                                            </ul>-->

<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">国际机票</a>-->
<!--                                                <a>国际/港澳</a>-->
<!--                                                <a>特惠活动</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <p>-->
<!--                                                        <input type="radio" name="a" style="vertical-align:middle;"/>单程-->
<!--                                                        <input type="radio" name="a" style="vertical-align:middle;"/>往返-->
<!--                                                    </p>-->
<!--                                                    <input type="text" placeholder="出发城市"/>-->
<!--                                                    <input type="text" placeholder="到达城市"/>-->
<!--                                                    <input type="text" placeholder="日期"/>-->
<!--                                                </div>-->
<!--                                                <button>机票查询</button>-->
<!--                                                <span class="p">当季热门特惠机票</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active" style="width: 50%;">国内港澳台</a>-->
<!--                                                <a style="width: 50%;">促销活动</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <input type="text" placeholder="出发城市" style="margin-top: 10px;"/>-->
<!--                                                    <input type="text" placeholder="到达城市"/>-->
<!--                                                    <input type="text" placeholder="日期"/>-->
<!--                                                    <input type="text" placeholder="酒店 商圈 地标"/>-->
<!--                                                </div>-->
<!--                                                <button>酒店查询</button>-->
<!--                                                <span class="p">订酒店到</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                        <div class="ser_ol_li">-->
<!--                                            <ul>-->
<!--                                                <div class="guanbi">X</div>-->
<!--                                                <a class="active">点卡</a>-->
<!--                                                <a>QQ</a>-->
<!--                                                <a>页游</a>-->
<!--                                                <div class="ser_ol_div1">-->
<!--                                                    <input type="text" placeholder="游戏" style="margin-top: 15px;"/>-->
<!--                                                    <br/>面值-->
<!--                                                    <select name="" style="margin: 8px 0;">-->
<!--                                                        <option value="">面值</option>-->
<!--                                                        <option value="">面值</option>-->
<!--                                                        <option value="">面值</option>-->
<!--                                                    </select><span style="color: #C81623;">￥0.00</span>-->
<!--                                                    <p>-->
<!--                                                        <input type="radio" name="a"-->
<!--                                                               style="width: 15px;vertical-align:middle;"/>直充-->
<!--                                                        <input type="radio" name="a"-->
<!--                                                               style="width: 15px;vertical-align:middle;"/>卡密-->
<!--                                                    </p>-->
<!--                                                </div>-->
<!--                                                <button>快速充值</button>-->
<!--                                                <span class="p">吃鸡就要快人一步</span>-->
<!--                                            </ul>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
<!--        <div class="header_banner1">-->
<!--            <a href="#" class="a">-->
<!--                <img src="/static/index/img/5a1e5ce2N034ce344.png" class="aa"/>-->
<!--            </a>-->
<!--            <div class="header_banner1_div">-->
<!--                <p>X</p>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</header>

<div class="section_second">
    <!-- 第一层 -->
    <div class="section_second_header">
<!--        <p class="section_second_header_img"></p>-->
        <div class="section_second_header_left">
            <span>火爆抢购中</span>
            <span>
        </span>
        </div>
        <div class="section_second_header_right">
            <p>距离本活动结束还有</p>
            <span class="section_second_header_right_hours">00</span>
            <span class="section_second_header_right_mao">：</span>
            <span class="section_second_header_right_minutes">00</span>
            <span class="section_second_header_right_mao">：</span>
            <span class="section_second_header_right_second">00</span>
        </div>
    </div>
    <div class="section_second_list">
        <div class="swiper-container swiper_section_second_list_left">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul id="seckillSkuContent">

                    </ul>
                </div>
<!--                <div class="swiper-slide">-->
<!--                    <ul>-->
<!--                        <li>-->
<!--                            <img src="/static/index/img/section_second_list_img6.jpg" alt="">-->
<!--                            <p>Apple iMac 21.5英寸一体机（2017新款四核Core i5 处理器/8GB内存/1TB/RP555显卡/4K屏 MNDY2CH/A） Apple iMac-->
<!--                                21.5英寸一体机（2017新款四核Core i5 处理</p>-->
<!--                            <span>¥9588.00</span><s>¥10288.00</s>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="/static/index/img/section_second_list_img7.jpg" alt="">-->
<!--                            <p>中柏（Jumper）EZpad 4S Pro 10.6英寸二合一平板电脑（X5 z</p>-->
<!--                            <span>¥848.00</span><s>¥899.00</s>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="/static/index/img/section_second_list_img8.jpg" alt="">-->
<!--                            <p>飞利浦（PHILIPS）电动牙刷HX6761/03亮白型成人充电式声波震动牙刷粉色 飞利浦（PHILIPS）电动牙刷HX6761/03亮白型成人充电式声波-->
<!--                            </p>-->
<!--                            <span>¥379.00</span><s>¥698.00</s>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="/static/index/img/section_second_list_img9.jpg" alt="">-->
<!--                            <p>美的(Midea) 258升 变频智能三门冰箱 一级能效 风冷无霜 中门</p>-->
<!--                            <span>¥3088.00</span><s>¥3299.00</s>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="/static/index/img/section_second_list_img10.jpg" alt="">-->
<!--                            <p>【第二件减50元】蒙羊 内蒙古羔羊羊肋排 2.4斤</p>-->
<!--                            <span>¥99.90</span><s>¥199.00</s>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </div>-->
            </div>
            <div class="swiper-button-prev second_list">
                <p></p>
            </div>
            <div class="swiper-button-next second_list">
                <p></p>
            </div>
        </div>
<!--        <ul class="section_second_list_right">-->
<!--            <li>-->
<!--                <img src="/static/index/img/section_second_list_right_img.jpg" alt="">-->
<!--            </li>-->
<!--            <li>-->
<!--                <img src="/static/index/img/section_second_list_right_img.png" alt="">-->
<!--            </li>-->
<!--            <div class="section_second_list_right_button">-->
<!--                <p class="section_second_list_right_button_active"></p>-->
<!--                <p></p>-->
<!--            </div>-->
<!--        </ul>-->
    </div>


</div>


</body>
<script type="text/javascript">
    function search() {
        var keyword = $("#searchText").val()
        window.location.href = "http://search.xxsc.com/list.html?keyword=" + keyword;
    }

    function to_href(skuId) {
        location.href = "http://item.xxsc.com/" + skuId + ".html"
    }

    $.get("http://seckill.xxsc.com/currentSeckillSkus", function (resp) {
        if (resp != null && resp.code == 0 && resp.data != null && resp.data.length > 0) {
            resp.data.forEach(function (item) {
                $("<li onclick='to_href(" + item.skuId + ")'></li>")
                    .append($("<img style='width: 130px;height: 130px' src='" + item.skuInfo.skuDefaultImg + "'/>"))
                    .append($("<p>" + item.skuInfo.skuTitle + "</p>"))
                    .append($("<span>" + item.seckillPrice + "</span>"))
                    .append($("<s>" + item.skuInfo.price + "</s>"))
                    .appendTo("#seckillSkuContent")
            })
        }

        //     <li>
        //     <img src="/static/index/img/section_second_list_img1.jpg" alt="">
        //         <p>花王 (Merries) 妙而舒 纸尿裤 大号 L54片 尿不湿（9-14千克） （日本官方直采） 花王 (Merries) 妙而舒 纸尿裤 大号 L54片
        //     尿不湿（9-14千</p>
        //     <span>¥83.9</span><s>¥99.9</s>
        // </li>
    });

</script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
</html>
